<template>
	<view>
		<u-navbar placeholder fixed autoBack border title="人员工资详情"></u-navbar>
		<view class="d-p-30" v-if="info">
			<view class="d-font-32" style="font-weight: bold;color: #323334;">工资发放详情</view>
			<view class="d-m-t-10 d-font-28" style="color: #949AA2;">
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">人员名字</view>
					<text style="color: #162233;">{{ info.ryxm }}</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">身份证号</view>
					<text style="color: #162233;">{{ info.zjhm | str }}</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">所属单位</view>
					<text style="color: #162233;">{{ info.deptName }}</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">班组名称</view>
					<text style="color: #162233;">{{ info.bzmc }}</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">工资期（间）</view>
					<text style="color: #162233;">2021-12-22至2025-12-22</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">发放日期</view>
					<text style="color: #162233;">2021-12-22</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">应发金额</view>
					<text style="color: #162233;">{{ info.yfje }}元</text>
				</view>
				<view class="d-flex u-border-bottom" style="height: 80rpx;">
					<view class="d-flex-1">实发工资</view>
					<text style="color: #162233;">{{ info.sfje }}元</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { appSS } from '../../../common/api.js';
export default {
	data() {
		return {
			info: null
		};
	},
	onLoad(e) {
		appSS({
			params: {
				ywbh: e.ywbh,
				rybh: e.rybh
			}
		}).then(e => {
			this.info = e.data;
		});
	}
};
</script>

<style lang="scss">
.card {
	border-radius: 10rpx;
	background-color: #ffffff;
	box-shadow: 0rpx 5rpx 10rpx rgba(0, 0, 0, 0.05);
}
page {
	background-color: #fff;
}
</style>
